<!doctype html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">

<!--
••••••••••••••••••••••••

Powered by Type & Grids™
www.typeandgrids.com

••••••••••••••••••••••••
-->

<title>Curiositá &mdash; ProyectoMultimedia</title>
<meta name="description" content="Los eventos más curiosos de la ciudad de Bogotá.">
<meta name="author" content="Dina Martínez - Johanna Durán - Ma. Claudia Licona">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">


<!-- CSS
================================================================================================= -->
<link rel="stylesheet" href="../../css/base.css">
<link rel="stylesheet" href="../../css/themes/type_04.css">
<link rel="stylesheet" href="../../css/themes/color_13.css">

<!--[if lt IE 9]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!-- Favicons
============================================================================================= -->
<link rel="shortcut icon" href="../../images/favicons/favicon.ico">
<link rel="apple-touch-icon" href="../../images/favicons/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="../../images/favicons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="../../images/favicons/apple-touch-icon-114x114.png">

<!-- JS
================================================================================================= -->
<script src="../../js/libs/modernizr.min.js"></script>
<script src="../../js/libs/jquery-1.8.3.min.js"></script>
<script src="../../js/libs/jquery.easing.1.3.min.js"></script>
<script src="../../js/libs/jquery.fitvids.js"></script>
<script src="../../js/script.js"></script>
	
</head>
<body>

<!-- Write preloader to page - this allows the site to load for users with JS disabled -->
<script type="text/javascript">
	document.write("<div id='sitePreloader'><div id='preloaderImage'><img src='../../images/site_preloader.gif' alt='Preloader' /></div></div>");
</script>

<div class="container">
	
	<!-- Header begins ========================================================================== -->
	<header>
		<div id="logo">
			<a href="../../index.html"><img src="../../images/logo.png" alt="Logo Curiositá"></a>
		</div>
		<nav>
			<ul>
				<li><a href="../../index.html">Home</a></li>
				<li><a href="../../Quienes-somos.html">¿Quiénes somos?</a></li>
				<li><a href="../../ranking.html">Ranking</a></li>
				<li><a href="../../apoyos.html">Apoyos</a></li>
				<li><a href="../../contacto.html">Contacto</a></li>
				<!--<li><a href="http://wordpress.org" target="_blank">Blog</a></li>-->
			</ul>
		</nav>
		<hr />
	</header
	<!-- Header ends ============================================================================ -->

<div id="catheader">
		<div id="catinfo">
		<h1>ACTIVIDADES VERDES</h1>
		<p> Subtitulo o resumen de la categoria. Subtitulo o resumen de la categoria. Subtitulo o resumen de la categoria. Subtitulo o resumen de la categoria </p>
		</div>

		<div id="catregistro">
			<a href="../../tucuriosidad.html"><img src="../../images/registracuriosidad.png"></a>
		</div>

</div>

<div id="paginacategoria">

<!-- Post 1  =================== -->

		<div id="cpost">


			<img src="images/imagen-cpost.png">

<div id="catname">

				
				<h4> CURIOSIDAD</h4>
				<h3> AL AIRE</h3>
				
			</div>

		</div>

<!-- Post 1 Fin =================== -->

<!-- Post 2 =================== -->

		<div id="cpost">


			<img src="images/imagen-cpost.png">

<div id="catname">

				
				<h4> CURIOSIDAD</h4>
				<h3> AL AIRE</h3>
				
			</div>

		</div>


<!-- Post 2 Fin =================== -->


		<!-- Post 3 =================== -->

		<div id="cpost">


			<img src="images/imagen-cpost.png">

<div id="catname">

				
				<h4> CURIOSIDAD</h4>
				<h3> AL AIRE</h3>
				
			</div>

		</div>
<!-- Post 3 Fin =================== -->


		<!-- Post 4 =================== -->


<div id="cpost">


			<img src="images/imagen-cpost.png">

<div id="catname">

				
				<h4> CURIOSIDAD</h4>
				<h3> AL AIRE</h3>
				
			</div>

		</div>

		<!-- Post 4 Fin =================== -->
		<!-- Post 5 =================== -->

		<div id="cpost">


			<img src="images/imagen-cpost.png">

<div id="catname">

				
				<h4> CURIOSIDAD</h4>
				<h3> AL AIRE</h3>
				
			</div>

		</div>

		<!-- Post 5 Fin =================== -->

		<!-- Post 6  =================== -->

	
		<div id="cpost">


			<img src="images/imagen-cpost.png">

<div id="catname">

				
				<h4> CURIOSIDAD</h4>
				<h3> AL AIRE</h3>
				
			</div>

		</div>
			<!-- Post 6 Fin =================== -->


		
</div>

	
	
	
	<!-- Footer begins ========================================================================== -->
	<footer class="sixteen columns">
		<hr />
		<ul id="footerLinks">
			<li>&copy; 2013 Ivan Designostrom. All rights reserved.</li>
			<li><a href="mailto:hello@ivandesignostrom.com">hello@ivandesignostrom.com</a></li>
			<li><a href="http://www.twitter.com" target="_blank">Twitter</a></li>
			<!--Notice: The "Powered by Type & Grids" link in the footer is required in the Free version. Upgrade to the Pro version if you would like to remove it. (www.typeandgrids.com/pirates) -->
			<li>Powered by <a href="http://www.typeandgrids.com" target="_blank">Type &amp; Grids</a></li>
		</ul>
	</footer>
	<!-- Footer ends ============================================================================ -->
		
</div><!-- container -->
</body>
</html>